<template>
  <router-view> </router-view>
</template>

<script>
export default{
  name:'App',
  components:{

  },
  mounted() {
  }
}
</script>
<style lang="less">
// #App{
//   min-width: 320px;
//     max-width: 750px;
//     background-color: #e9e9e9;
//     margin: 0 auto;
// }
*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    color: #000;
}
body {
    min-width: 320px;
    max-width: 750px;
    background-color: #f5f5f5;
    margin: 0 auto;
}
// 约束当屏幕大于 750px 的时候， html字体大小就不会发生变化了
@media screen and(min-width:750px){
   html{
    font-size: 37.5px !important;
   }
} 
</style>
